<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
        >
<head>
    <title>iTelecom Inventory</title>

    <link rel="stylesheet" type="text/css" href="../css/style.css" />

    <p:resources />
</head>
<body>
<h1>Countries</h1>
   <h:dataTable var="country" value="#{createTestConfiguration.countriesWithDevices}">
            <h:column>
                <f:facet name="header">
                    <h:outputText value="ID"/>
                </f:facet>
                <h:outputText value="#{country.name}"/>
            </h:column>

       </h:dataTable>

<h1>Cities in Ukraine</h1>
<h:dataTable var="city" value="#{createTestConfiguration.citiesWithDevicesInUkraine}">
            <h:column>
                <f:facet name="header">
                    <h:outputText value="ID"/>
                </f:facet>
                <h:outputText value="#{city.name}"/>
            </h:column>

       </h:dataTable>
<h:form>
    <h:commandButton value="Create Device" action="#{createTestConfiguration.addDeviceInKiev}"/>
</h:form>

<h:dataTable var="model" value="#{createTestConfiguration.allSwitches}">
            <h:column>
                <f:facet name="header">
                    <h:outputText value="ID"/>
                </f:facet>
                <h:outputText value="#{model.type}"/>
            </h:column>

</h:dataTable>

</body>
</html>